<template>
	<div class="header-local">
		<!-- 左边 -->
		<div class="local-item border-right">
			<aside>
				<p>门票特卖</p>
				<span>天天好价1折起</span>
			</aside>
			<img src="../../../../public/img/icon13.png" />
		</div>
		<!-- 右边 -->
		<div class="local-item">
			<aside>
					<p>暑假大促</p>
					<span>领劵立减15元</span>
			</aside>
			<img src="../../../../public/img/icon14.png" style="margin: 0.2rem; margin-right: 0.16rem;"/>
		</div>
	</div>
</template>

<script>
</script>

<style scoped >
	.header-local{
		background-color: white;
		margin-top: 0.4rem;
		position: relative;
		display: flex;
		background-color: white;
	}
	.local-item{
		flex: 1;
		font-size: 0.28rem;
		height: 1.4rem;	/* 70px */
	}
	.local-item aside{
		margin-top: 0.2rem;
		margin-left: 0.4rem;
		float: left;
	}
	.local-item img{
		width: 30%;
		float: right;
		margin-right: 0.01rem;
	}
	.local-item aside p{
		color: orangered;
		font-size: 0.36rem;
		font-weight: bold;
		margin-bottom: 0.2rem;
	}
	.local-item aside span{
		color: #CCCCCC;
	}
</style>
